<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">{{message}}</div>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {message:"hello world"},
				beforeCreate:function(){
					console.log("before create");
				},
				created:function(){
					console.log("create");
				},
				beforeMount:function(){
					console.log("before mount");
				},
				mounted:function(){
					console.log("mounted");
				},
				beforeUpdate:function(){
					console.log("beforeUpdate");
				},
				updated:function(){
					console.log("updated");
				},
				beforeDestroy:function(){
					console.log("beforeDestroy");
				},
				destroyed:function(){
					console.log("destroyed");
				}
			});
		
		setTimeout(function(){
			vm.message="haha";
		},3000);
		</script>

	</body>
</html>
